<template>
  <div class="function-module">
    <!-- tit -->
    <div class="tit">
      <h2>功能模块</h2>
      <div class="empty-div"></div>
      <p>一诺万金基于现有标准产品功能，可为战略客户提供适应性定制开发</p>
    </div>
    <!-- con -->
    <div class="con">
      <!-- 轮播 -->
      <a-carousel
        class="gnmk-swiper"
        :dot-position="dotPosition"
        autoplay
      >
        <!-- 每一项 -->
        <div
          class="swiper-item"
          v-for="item in imgs"
          :key="item.img"
        >
          <img :src="item.img" alt="">
        </div>
      </a-carousel>
    </div>
  </div>
</template>

<script>
  export default {
    name: "FunctionModule",
    data() {
      return {
        dotPosition: "bottom",
        imgs: [
          {
            img: "https://www.1nuoyun.com/uploadfile/2021/09/16/20210916094205sSgnQu.png"
          },
          {
            img: "https://www.1nuoyun.com/uploadfile/2021/09/16/20210916094204tmaer2.png"
          }
        ]
      }
    }
  }
</script>

<style lang="scss" scoped>

  @import "assets/scss/public";

  .function-module {
    width: 62.5%;
    margin: 40px auto;
    .tit {
      .empty-box {
        background: linear-gradient(90deg, #f5222d, #ff4242);
      }
    };
    .con {
      .gnmk-swiper {
        .swiper-item {
          img {
            width: 100%;
          }
        }
      }
    }
  }

</style>